import { createApp } from 'vue';
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import '@arco-design/web-vue/dist/arco.css';
import I18NextVue from 'i18next-vue';
// register themes
import { allThemeMap } from '@visactor/vchart-theme';
import VChart from '@visactor/vchart';
allThemeMap.forEach((theme, name) => {
  VChart.ThemeManager.registerTheme(name, theme);
});


import i18next from './locale';
import stores from './stores';
import router from './router';
import App from './App.vue';
import './permission';
import './style.css';
import './api/interceptor';

const app = createApp(App);
app.use(stores);
app.use(router);
app.use(ArcoVue);
app.use(ArcoVueIcon);
app.use(I18NextVue, { i18next });

app.mount('#app');
